<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>name</title>

    <!-- 引入样式 -->

    <link rel="stylesheet" href="../plugins/elementui/index.css">

    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">

    <link rel="stylesheet" href="../css/style.css">

</head>
<body>

<div id="app">

    <div align="center">

        <div><h1>反射性XSS靶场</h1></div>

        <el-input
                type="textarea"
                :rows="2"
                style="width: 300px"
                placeholder="请输入内容"
                v-model="message.message">
        </el-input>

        <div slot="footer" class="dialog-footer" align="center">
            <el-button type="primary" @click="saveMessage()">提交</el-button>
        </div>

        <p></p>

        <div id="output">

        </div>

    </div>

</div>

<!--引入组件库-->
<script src="../js/vue.js"></script>

<script src="../plugins/elementui/index.js"></script>

<script type="text/javascript" src="../js/jquery.min.js"></script>

<script src="../js/axios-0.18.0.js"></script>

<script>
    new Vue({
        el: "#app",
        data:{
            message:{
                message: ''
            },
        },

        methods:{
            saveMessage(){
                axios.post("/network/XSS", this.message).then((res)=>{
                    var list = res.data.data.message;
                    $("#output").html(list);
                });
            }

        }
    })
</script>
</body>
</html>